<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--外部属性，需引用-->
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <!--内部属性-->
    <style>
        p{
            height: 20px;
            width:50px;
            color: #00bbee;
            background-color: #d9534f;
        }
        .ills{
            width:80px;
            color: #449d44;
        }
        #firstP{
            width: 80px;
            background-color: #0092DC;
        }
        h2,h3,h4{
            border-style: solid;
            border-color: #b52b27;
            border-width: 2px;
        }
    </style>
</head>
<body>
    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>
    <p>
        段落
    </p>
    <p class="ills">
        第二段落
    </p>
    <p id="firstP">
        第三段落
    </p>
<span style="width: 300px;height: 50px;border-style: solid; border-width: 2px;border-color: #00ee00";>中国chinese</span>
    <!--border：边线宽度；cellspacing：单元格间距；cellpadding：单元格内间距(上下左右)-->
<table border="1px;" cellspacing="0px;" cellpadding="5px">
    <caption>表格标题</caption>
    <thead>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </thead>
    <tbody>
        <tr>
            <td>小明</td>
            <td>男</td>
            <td>12</td>
        </tr>
    </tbody>
    <tfoot>
        <td>biaowei</td>
        <td>biaowei</td>
        <td>biaowei</td>
    </tfoot>
</table>
    <label for="gender">WECLICKHERE</label>
    <!--ol-li是有序的列-->
<ol>
    <li>有序的列</li>
    <li>有序的列</li>
    <li>有序的列</li>
</ol>
    <!--ul-li是无序的列-->
<ul>
    <li>无序的列</li>
    <li>无序的列</li>
    <li>无序的列</li>
    <li>无序的列</li>
</ul>
<form action="#" method="get">
    <input type="button" name="button" value="button"/>
    <input id="gender" name="gender" type="radio"/>男
    <input name="gender" type="radio"/>女
    <br/>
    <input type="checkbox" name="public" value="president">校长<br/>
    <input type="checkbox" name="public" value="teacher">教师<br/>
    <input type="checkbox" name="public" value="student">学生<br/>
    <!--type是text时，输入内容都会显示，type是password时，输入内容以符号的形式显示-->
    <input type="text" name="write" value="12345"/>type是text时<br/>
    <input type="password" name="password" value="12345"/>type是password时
    <input type="submit" value="提交"/>
</form>
    <!--select的size属性值大于1时，是选择列表框，等于1时则是下拉列表-->
<select style="width: 80px;" size="1">
    <option value="first_day">第一天</option>
    <option value="second_day">第二天</option>
    <option value="third_day">第三天</option>
    <option value="fourth_day">第四天</option>
</select>
<textarea name="file_text"></textarea>
</body>
</html>